<!DOCTYPE html>
<html lang="en" style="width:100%;height:100%;overflow:hidden;">
<head>
	<meta charset="UTF-8">
	<title>The ONE 智能钢琴教室</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimal-ui">	
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no,email=no">
	<link rel="shortcut icon" href="{{ url_for('static', filename='icons/favicon.ico') }}">
	<link rel="stylesheet" href="{{ url_for('static', filename='css/mobile.css') }}">
</head>
<body style="width:100%;height:100%;overflow:hidden;">
	<div class="m-login">
		{% with messages = get_flashed_messages(with_categories=true) %}
		{% if messages %}
			{% for category, message in messages %}
			<div class="m-float">{{ message }}</div>
			{% endfor %}
		{% endif %}
		{% endwith %}
		<div class="m-logo">
			<img src="/static/images/logo.png">
		</div>
		<form action="" class="login" method="post">



			<button type="submit">登录</button>
			<label class="auto-login">
				<span>自动登录</span>
			</label>
		</form>
		<!-- <div class="more">
			更多课程介绍<i class="iconfont icon-arrow-down"></i>
		</div> -->
	</div>
	<script src="{{ url_for('static', filename='libs/jquery.min.js') }}"></script>
	<script type="text/javascript">
		$(function(){
			if($('.m-float').length > 0){
				setTimeout(function(){
					$('.m-float').animate({opacity:0},500);
				},2000);
			}
		});
	</script>
</body>
</html>
